<template>
  <div v-transfer-dom>
    <x-dialog
      v-model="showDialogStyle"
      @on-hide="closeDialogExchange"
      :dialog-style="{'max-width': '100%', width: '100%','background-color': 'transparent'}">
      <div style="background:rgba(255,255,255,0.98);margin: 0 20px;border-radius: 7px;position: relative">
        <div class="head font18" style="font-weight: bold">
          请输入交易密码
          <x-icon type="ios-close-empty" size="42" style="position: absolute;top: 0;right: 0" @click="close"></x-icon>
        </div>
        <div class="content">
          <slot></slot>
          <div class="right font12" style="color:#647DFF">
            <span @click="goTo('/forgetLoginPwd')">忘记密码？</span>
          </div>
        </div>
      </div>
    </x-dialog>
  </div>
</template>
<style>
  .head{
    height: 46px;
    line-height: 46px;
    border-bottom: 1px solid #F5F5F5;
  }
  .content{
    padding:15px 23px;
  }
</style>
<script>
  import {XDialog,TransferDomDirective as TransferDom  } from 'vux';
export default{
  directives: {
    TransferDom
  },
  props:{
    showDialogStyle:{
      default:false
    }
  },
  data(){
    return {
      show:false
    }
  },
  methods:{
    closeDialogExchange(){
      this.$emit('closeDialogExchange')
    },
    close(){
      this.$emit('close')
    },
    goTo(path){
      this.$router.push(path)
    }
  },
  created(){
  },
  components: {
    XDialog
  }
}
</script>
